var imagenPanel = new Ext.Panel
  (
    {
      id: 'imagenPanel',
      region:'west',
      html:'<div align="center" style="margin: 10px; height: 600px; width: 100%;"><div class="tuxTop"></div><div class="tuxMid" style="height: 200px; font-size:12px; font-weight: normal;"><img width="100%" height="150px" src="../imagenes/gepsoft.png"></div><div align="center"><font color="#15428b"><H1> HERRAMIENTA  DE GESTI&Oacute;N  Y PLANIFICACI&Oacute;N  DE PROYECTOS  DE SOFTWARE PARA EL APOYO A LOS PROCESOS DE ENSE&Ntilde;ANZA-APRENDIZAJE  DE METODOLOGIAS DE DESARROLLO DE SOFTWARE </H1></font></div><div class="tuxFoot"></div></div>'
    }
  );
var imagenLogo = new Ext.Panel
  (
    {
      id: 'imagenLogo',
      region:'north',
      html:'<div align="left" style="margin: 10px; height: 27px; width: 100%;"><div class="tuxTop"></div><div class="tuxMid" style="height: 70px; font-size:12px; font-weight: normal;"><img width="300px" height="28px" src="../imagenes/gepsoft.png"></div><div class="tuxFoot"></div></div>'
    }
  );

var menu =  new Ext.Toolbar({
  //  renderTo: document.body,
    items: [/*{
                xtype: 'tbbutton',
                text: 'Revisar Entregas'
    },*/{
   xtype: 'tbfill'
},{
                xtype: 'tbbutton',
                text: 'Salir',
				iconCls: 'icon-salir',
                handler: cerrarSession
    }]
  });

var barraPrincial = {
                id: 'barra',
                //title: 'Registro Usuarios',
    layout: 'table',
                defaults: {
                                bodyStyle:'padding:15px 20px',
                                cellCls: 'verticalArriba'
                },
    items: [
    //imagenLogo,
   menu
                                //logueo//
                                ]
};

var start = {
                id:'start-panel',
                title: 'Bienvenido',
    layout: 'column',
    bodyStyle: 'padding:5px',
                defaults: {bodyStyle:'padding:15px'},
    items: [imagenPanel
    ]
};
var material = {
                id: 'material-panel',
                title: 'Gestion de Material',
                layout: 'table',
                layoutConfig: {
                                columns: 2
                },autoScroll: true,
                defaults: {
                                bodyStyle:'padding:15px 20px',
                                cellCls: 'verticalArriba'
                },
    items: [
                    gridMaterial,
                    formMaterial 
                  ]
};
var configuracionCurso = {
                id: 'configuracionCurso-panel',
                title: 'Configuracion Curso',
                layout: 'table',
                layoutConfig: {
                                columns: 2
                },autoScroll: true,
                defaults: {
                                bodyStyle:'padding:15px 20px',
                                cellCls: 'verticalArriba'
                },
    items: [
                {
                 items:[formConfiguracionCurso]
                },{
                 items:[formCongifuracionMetodologiaCurso]
                }
                  ]
};


var grupoTrabajo = {
                id: 'grupoTrabajo-panel',
                title: 'Gestion Grupos de Trabajo',
                layout: 'table',
                layoutConfig: {
                                columns: 2
                },autoScroll: true,
                defaults: {
                                bodyStyle:'padding:15px 20px',
                                cellCls: 'verticalArriba'
                },
                items: [
                      gruposTrabajoGrid
                  ]                             
};

var revisarArtefactos = {
	id: 'revisarArtefactos-panel',
	title: 'Revisi\xf3n de Entrega de Artefactos',
	layout: 'table',
	layoutConfig: {
		columns: 2
	},autoScroll: true,
	defaults: {
		bodyStyle:'padding:15px 20px',
		cellCls: 'verticalArriba'
	},
	items: [
		gridRevisionEntregas
	      //formRevisarEntregas
	  ]		
};